<template>
	<view class="searchInput">
		<uni-search-bar radius="100" bgColor="#ededed" @confirm="search" :focus="true" v-model="searchValue" @blur="blur" @focus="focus" @input="input"
						@clear="clear"  clearButton="auto" cancelButton="none" placeholder="输入商家名称，商品名称">
						<uni-icons slot="searchIcon" color="#999999" size="18" type="search" />
		</uni-search-bar>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				searchValue:'',
			}
		},
		methods: {
			
			search() {
				uni.navigateTo({
					url:'searchResult'
				})
			},
			focus(){
				// uni.navigateTo({
				// 	url:'search'
				// })
			},
			blur(){
				
			},
			clear(){
				
			}
		}
	}
</script>

<style>
	.searchInput{
		width: 100%;
	}
</style>
